<template>
	<!-- 自定义导航栏 -->
	<view class="header_container">
		<navigator open-type="navigateBack" class="search-back"><u-icon name="arrow-left" size="28rpx"
				color="#000"></u-icon>
		</navigator>
		<view class="title">
			<slot name="title"></slot>
		</view>
		<view class="right">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.header_container {
		width: 100%;
		height: 176rpx;
		background-color: transparent;
		position: relative;
		overflow: hidden;

		.search-back {
			width: 16rpx;
			height: 28rpx;
			position: absolute;
			left: 32rpx;
			top: 116rpx;
		}

		.right {
			position: absolute;
			right: 32rpx;
			top: 112rpx;
		}

		.title {
			margin-top: 104rpx;
			font-size: 36rpx;
			font-family: Source Han Sans-Medium, Source Han Sans;
			font-weight: 500;
			color: #353535;
			line-height: 52rpx;
			text-align: center;
		}
	}
</style>